<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link rel="stylesheet" type="text/css" href="../static/css/writeHeader.css" th:href="@{/css/writeHeader.css}" charset="UTF-8"/>

<!--bootstrap引用-->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script src="../static/js/write.js" th:src="@{/js/write.js}"></script>
<script src="../../static/js/wangEditor.min.js" th:src="@{/js/wangEditor.min.js}"></script>
	
<body>
<div class="ColumnPageHeader-Wrapper">
    <div>
        <div class="Sticky ColumnPageHeader">
            <div class="ColumnPageHeader-content"><a href="/" aria-label="知乎"><svg viewBox="0 0 200 91"
                        class="Icon ZhihuLogo ZhihuLogo--blue Icon--logo" style="height:30px;width:64px" width="64"
                        height="30" aria-hidden="true">
                        <title></title>
                        <g>
                            <path
                                d="M53.29 80.035l7.32.002 2.41 8.24 13.128-8.24h15.477v-67.98H53.29v67.978zm7.79-60.598h22.756v53.22h-8.73l-8.718 5.473-1.587-5.46-3.72-.012v-53.22zM46.818 43.162h-16.35c.545-8.467.687-16.12.687-22.955h15.987s.615-7.05-2.68-6.97H16.807c1.09-4.1 2.46-8.332 4.1-12.708 0 0-7.523 0-10.085 6.74-1.06 2.78-4.128 13.48-9.592 24.41 1.84-.2 7.927-.37 11.512-6.94.66-1.84.785-2.08 1.605-4.54h9.02c0 3.28-.374 20.9-.526 22.95H6.51c-3.67 0-4.863 7.38-4.863 7.38H22.14C20.765 66.11 13.385 79.24 0 89.62c6.403 1.828 12.784-.29 15.937-3.094 0 0 7.182-6.53 11.12-21.64L43.92 85.18s2.473-8.402-.388-12.496c-2.37-2.788-8.768-10.33-11.496-13.064l-4.57 3.627c1.363-4.368 2.183-8.61 2.46-12.71H49.19s-.027-7.38-2.372-7.38zm128.752-.502c6.51-8.013 14.054-18.302 14.054-18.302s-5.827-4.625-8.556-1.27c-1.874 2.548-11.51 15.063-11.51 15.063l6.012 4.51zm-46.903-18.462c-2.814-2.577-8.096.667-8.096.667s12.35 17.2 12.85 17.953l6.08-4.29s-8.02-11.752-10.83-14.33zM199.99 46.5c-6.18 0-40.908.292-40.953.292v-31.56c1.503 0 3.882-.124 7.14-.376 12.773-.753 21.914-1.25 27.427-1.504 0 0 3.817-8.496-.185-10.45-.96-.37-7.24 1.43-7.24 1.43s-51.63 5.153-72.61 5.64c.5 2.756 2.38 5.336 4.93 6.11 4.16 1.087 7.09.53 15.36.277 7.76-.5 13.65-.76 17.66-.76v31.19h-41.71s.88 6.97 7.97 7.14h33.73v22.16c0 4.364-3.498 6.87-7.65 6.6-4.4.034-8.15-.36-13.027-.566.623 1.24 1.977 4.496 6.035 6.824 3.087 1.502 5.054 2.053 8.13 2.053 9.237 0 14.27-5.4 14.027-14.16V53.93h38.235c3.026 0 2.72-7.432 2.72-7.432z"
                                fill-rule="evenodd"></path>
                        </g>
                    </svg></a><i class="ColumnPageHeader-Line"></i>
                <div class="ColumnPageHeader-Title">
                    <div class="WriteIndex-pageTitleWrapper">
                        <div class="WriteIndex-pageTitle">写文章</div>
                        <div class="WriteIndex-pageSubTitle"></div>
                    </div>
                </div>
                <div id="fabu" class="ColumnPageHeader-Button">
                    <div class="PublishPanel-wrapper"><button  disabled="" type="button"
                            class="Button PublishPanel-triggerButton Button--blue">发布<svg class="Zi Zi--ArrowDown"
                                fill="currentColor" viewBox="0 0 24 24" width="24" height="24">
                                <path
                                    d="M12 13L8.285 9.218a.758.758 0 0 0-1.064 0 .738.738 0 0 0 0 1.052l4.249 4.512a.758.758 0 0 0 1.064 0l4.246-4.512a.738.738 0 0 0 0-1.052.757.757 0 0 0-1.063 0L12.002 13z"
                                    fill-rule="evenodd"></path>
                            </svg></button></div>
                    <div class="Popover"><button title="更多" type="button" id="Popover2-toggle" aria-haspopup="true"
                            aria-expanded="false" aria-owns="Popover2-content"
                            class="Button ColumnPageHeader-MenuToggler Button--plain"><svg class="Zi Zi--Dots"
                                fill="currentColor" viewBox="0 0 24 24" width="24" height="24">
                                <path
                                    d="M5 14a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm7 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm7 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
                                    fill-rule="evenodd"></path>
                            </svg></button></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article-main-content" style="width:1000px;margin:0 auto">
        <form id="article_form" action="/upload_article" method="POST">
            <h3>上传文章封图:</h3>
            <input type="file" class="btn btn-primary" style="width: 100%" data-loading-text="Loading..."  id="file_input" accept="image/*" >
            <div style="width:400px;" class="center-block" id="image-display"></div>
            <div class="input-group input-group-lg">
                    <input name="articlename" style="width:1000px;font-size: 30px;font-weight:bolder;" type="text" class="form-control" placeholder="输入文章标题">
                </div>
            <div style="padding: 10px;">
                    <div id="editor-tools"></div>
                    <div id="editor-area"></div>
            </div>
            
            <input id="articletext" name="articletext" hidden="ture">
            <input id="fileurl" name="fileurl" value="" hidden="ture">
        </form>
</div>


</body>